<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML ">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="../styles/tickets.css" />
        <script type="text/javascript" src="../js/salePlaces.js"></script>
        <title>JSP Page</title>
    </head>
    <body>
         
            <center> <label class="fieldtext">Diagrama de distribuci&oacute;n</label></center>
            <table class="board">
                <tr>
                    <td id="00" class="boxStyleSold"></td>
                    <td id="01" class="boxStyleSold"></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td id="02" class="boxStyleAvailable" onclick="viewNumber(02)"></td>
                    <td id="03" class="boxStyleAvailable" onclick="viewNumber(03)"></td>
                    <td></td>
                    <td id="04" class="boxStyleAvailable" onclick="viewNumber(04)"></td>
                    <td id="05" class="boxStyleAvailable" onclick="viewNumber(05)"></td>
                </tr>
                <tr>
                    <td id="06" class="boxStyleAvailable" onclick="viewNumber(06)"></td>
                    <td id="07" class="boxStyleAvailable" onclick="viewNumber(07)"></td>
                    <td></td>
                    <td id="08" class="boxStyleAvailable" onclick="viewNumber(08)"></td>
                    <td id="09" class="boxStyleAvailable" onclick="viewNumber(09)"></td>
                </tr>
                <tr>
                    <td id="10" class="boxStyleAvailable" onclick="viewNumber(10)"></td>
                    <td id="11" class="boxStyleAvailable" onclick="viewNumber(11)"></td>
                    <td></td>
                    <td id="12" class="boxStyleAvailable" onclick="viewNumber(12)"></td>
                    <td id="13" class="boxStyleAvailable" onclick="viewNumber(13)"></td>
                </tr>
                <tr>
                    <td id="14" class="boxStyleAvailable" onclick="viewNumber(14)"></td>
                    <td id="15" class="boxStyleAvailable" onclick="viewNumber(15)"></td>
                    <td></td>
                    <td id="16" class="boxStyleAvailable" onclick="viewNumber(16)"></td>
                    <td id="17" class="boxStyleAvailable" onclick="viewNumber(17)"></td>
                </tr>
                <tr>
                    <td id="18" class="boxStyleAvailable" onclick="viewNumber(18)"></td>
                    <td id="19" class="boxStyleAvailable" onclick="viewNumber(19)"></td>
                    <td></td>
                    <td id="20" class="boxStyleAvailable" onclick="viewNumber(20)"></td>
                    <td id="21" class="boxStyleAvailable" onclick="viewNumber(21)"></td>
                </tr>
                <tr>
                    <td id="22" class="boxStyleAvailable" onclick="viewNumber(22)"></td>
                    <td id="23" class="boxStyleAvailable" onclick="viewNumber(23)"></td>
                    <td></td>
                    <td id="24" class="boxStyleAvailable" onclick="viewNumber(24)"></td>
                    <td id="25" class="boxStyleAvailable" onclick="viewNumber(25)"></td>
                </tr>
                <tr>
                    <td id="26" class="boxStyleAvailable" onclick="viewNumber(26)"></td>
                    <td id="27" class="boxStyleAvailable" onclick="viewNumber(27)"></td>
                    <td></td>
                    <td id="28" class="boxStyleAvailable" onclick="viewNumber(28)"></td>
                    <td id="29" class="boxStyleAvailable" onclick="viewNumber(29)"></td>
                </tr>
            </table>
        
    </body>
</html>
